<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="./css/bootstrap.css">
  <link rel="stylesheet" href="./css/yewei.css ">
  <script src="./js/jquery.min.js"></script>
  <script src="./js/popper.min.js"></script>
  <script src="./js/bootstrap.min.js"></script>
  <title>Document</title>
  <style>
    * {
      margin: 0;
      padding: 0;
    }

    .menu {
      color: black;
    }

    #menu {
      background-color: rgb(247, 240, 240);
      color: white;
      user-select: none;
    }

    #menu>span {
      display: inline-block;
      width: 100px;
      padding: 5px 0;
      text-align: center;
    }

    #menu>span {
      background-color: orange;
    }

    div .tupian img {
      display: flex;
      justify-content: content;
    }
  </style>
</head>

<body>
  <div class="ym">
    <div class="container">
      <div>
        <img src="./logo.png" alt="">
        <div id="menu">
          <span class="cur">网站首页</span>
          <span>关于华企</span>
          <span>业务介绍</span>
          <span>新闻资讯</span>
          <span>成功案例</span>
          <span>练习我们</span>
          <span>个人简介</span>
          <span>留言板</span>
        </div>
      </div>
    </div>
    <div class="sy-car">
      <!-- 轮播图 -->
      <div class="carousel slide" data-ride="carousel" id="banner">
        <!-- 图片展示区 -->
        <div class="carousel-inner">
          <div class="carousel-item active bg-primary">
            <img src="./banner1.jpg" alt="" class="w-100 d-block">
          </div>
          <div class="carousel-item">
            <img src="./banner1.jpg" alt="" class="w-100 d-block">
          </div>
          <div class="carousel-item">
            <img src="./banner1.jpg" alt="" class="w-100 d-block">
          </div>
          <div class="carousel-item">
            <img src="./banner1.jpg" alt="" class="w-100 d-block">
          </div>
        </div>
        <!-- 左右控制 -->
        <!-- 左prev -->
        <a href="#banner" class="carousel-control-prev bg-secondary" data-slide="prev">
          <span class="carousel-control-prev-icon"></span>
        </a>
        <!-- 右next -->
        <a href="#banner" class="carousel-control-next bg-secondary" data-slide="next">
          <span class="carousel-control-next-icon"></span>
        </a>
        <!-- 指示符 -->
        <ul class="carousel-indicators">
          <li data-slide-to="0" data-target="#banner" class="active"></li>
          <li data-slide-to="1" data-target="#banner"></li>
          <li data-slide-to="2" data-target="#banner"></li>
          <li data-slide-to="3" data-target="#banner"></li>
        </ul>
      </div>
    </div>
    <div class="yw">
      <div class="bg-white">
        <div class="container">
          <div class="row">
            <div class="col-md-3 col-6 text-center pt-xl-5 pb-xl-5 pt-lg-4 pb-lg-4 pt-3 pb-3">
              <img src="./icon1.png" alt="">
              <p>资产直接或间接导致资金或现金等价物流入企业的潜力</p>
            </div>
            <div class="col-md-3 col-6 text-center pt-xl-5 pb-xl-5 pt-lg-4 pb-lg-4 pt-3 pb-3">
              <img src="./icon2.png" alt="">
              <p>资产直接或间接导致资金 或现金等价物流入企业的潜力</p>
            </div>
            <div class="col-md-3 col-6 text-center pt-xl-5 pb-xl-5 pt-lg-4 pb-lg-4 pt-3 pb-3">
              <img src="./icon3.png" alt="">
              <p>资产直接或间接导致资金 或现金等价物流入企业的潜力</p>
            </div>
            <div class="col-md-3 col-6 text-center pt-xl-5 pb-xl-5 pt-lg-4 pb-lg-4 pt-3 pb-3">
              <img src="./icon4.png" alt="">
              <p>资产直接或间接导致资金 或现金等价物流入企业的潜力</p>
            </div>
          </div>
        </div>
      </div>
      <div class="weiba">
        <div class="pp">
          <img src="./jj_pic.jpg" alt="">
          <p>固定资产投资是建造和购置固定资产的经济活动，
            即固定资产再生产活动。固定资产再生产过程包括固定资产更新
            （局部和全部更新）、改建、扩建、新建等活动...</p>

        </div>
        <div>
          <h3>关于我们</h3>
        </div>
      </div>
      <div class="liubai"></div>
</body>

</html>